<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>展开运算符</title>
</head>

<body>
  <script>
    /*
        展开运算符
            展开运算符(…),将一个数组/对象进行展开
        语法：
            1.不会修改原数组
                const str = [1,5,3,8,2]
                console.log(...arr)  //1,5,3,8,2
            典型运用场景： 求数组最大值(最小值)、合并数组等

        展开运算符 or 剩余参数
            -剩余参数：函数参数使用，把多个元素收集起来生成一个真数组 （凝聚）
            -展开运算符：将数组展开成各个元素（拆散）
    */

    // 展开运算符：将一个数组/对象进行展开
    // 1.基本使用，不修改原数组
    const arr = [1,2,3]
    console.log(...arr)   //1 2 3

    //2.使用场景：求数组最大值/最小值，数组合体
    console.log(Math.max(...arr))  //3
    console.log(Math.min(...arr))  //1
    
    //数组合并
    const arr1 = [1,2,3]
    const arr2 = [4,5,6]
    console.log([...arr1,...arr2])  //[1,2,3,4,5,6]
    
    
</script>
</body>

</html>